<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-child"></i> <strong>文档管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">文档管理</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="box box-info">
				<div class="box-header with-border">
					<i class="fa fa-th-list"></i>
					<h4 class="box-title">模板下载</h4>
				</div>
			</div>
			<div class="row">
				<!-- 部件类型树 -->
				<div class="col-md-3">
					<div class="box box-info">
						<div class="box-header with-border">
							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>部件类型树</strong>
							</h3>
						</div>
						<div class="box-body">
							<ul id="partTree" class="ztree"></ul>
						</div>

					</div>
					<div align="center">
						<input type="hidden" id="partId" /> <input type="file"
							name="file" id="partFile" />

					</div>
					<div style="margin-left: 60px;">
						<button id="exportPartExcel" class="btn btn-info btn-xs">模板导出</button>
						<button id="importPartExcel" class="btn btn-danger btn-xs">部件批量导入</button>
						
					</div>
				</div>

				<!-- 区域树 -->
				<div class="col-md-3">
					<div class="box box-info">
						<div class="box-header with-border">
							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>区域树</strong>
							</h3>
						</div>
						<div class="box-body">
							<ul id="divisionTree" class="ztree"></ul>
						</div>

					</div>
					<div align="center">
						<input type="hidden" id="divisionId" /> <input type="file"
							name="file" id="divisionFile" />

					</div>
					<div style="margin-left: 60px;">
						<button id="exportDivisionExcel" class="btn btn-info btn-xs">模板导出</button>
						<button id="importDivisionExcel" class="btn btn-danger btn-xs">部件批量导入</button>
					</div>
				</div>

				<!-- 组织树 -->
				<div class="col-md-3">
					<div class="box box-info">
						<div class="box-header with-border">
							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>组织树</strong>
							</h3>
						</div>
						<div class="box-body">
							<ul id="hierarchyTree" class="ztree"></ul>
						</div>

					</div>
					<div align="center">
						<input type="hidden" id="hierarchyId" /> <input type="file"
							name="file" id="hierarchyFile" />

					</div>
					<div style="margin-left: 60px;">
						<button id="exportHierarchyExcel" class="btn btn-info btn-xs">模板导出</button>
						<button id="importHierarchyExcel" class="btn btn-danger btn-xs">部件批量导入</button>
					</div>
				</div>
				
				<!-- 事件类型树 -->
				<div class="col-md-3">
					<div class="box box-info">
						<div class="box-header with-border">
							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>事件类型树</strong>
							</h3>
						</div>
						<div class="box-body">
							<ul id="eventTypeTree" class="ztree"></ul>
						</div>

					</div>
					<div align="center">
						<input type="hidden" id="eventTypeId" /> <input type="file"
							name="file" id="eventTypeFile" />

					</div>
					<div style="margin-left: 60px;">
						<button id="exportEventTypeExcel" class="btn btn-info btn-xs">模板导出</button>
						<button id="importEventTypeExcel" class="btn btn-danger btn-xs">部件批量导入</button>
					</div>
				</div>

			</div>
		</section>
		<script th:src="@{/doc/hierarchy.js}"></script>
		<script th:src="@{/doc/part.js}"></script>
		<script th:src="@{/doc/division.js}"></script>
		<script th:src="@{/doc/eventType.js}"></script>

	</div>

</body>
</html>